<div>What is the difference between the click behaviors of these two buttons (assuming that this.handleClick is bound correctly)?</div> <div> <pre class=language-markup><code>A. <button onClick={this.handleClick}>Click Me</button> B. <button onClick={event => this.handleClick(event)}}>Click Me</button></code></pre> </div>

ReactJS - Quiz(MCQ)

What is the difference between the click behaviors of these two buttons (assuming that this.handleClick is bound correctly)?

A. <button onClick="{this.handleClick}>Click Me</button>"
B. <button onClick="{event => this.handleClick(event)}}>Click Me</button>"

Button A will not have access to the event object on click of the button.

Button B will not fire the handler this.handleClick successfully.

Button A will not fire the handler this.handleClick successfully.

There is no difference

Correct Answer : Button B will not fire the handler this.handleClick successfully.

Recent Updates in React.JS

Q .

What do you need to change about this code to get it to run?

class clock extends React.Component {
  render() {
    return <h1>Look at the time: {this.props.time}</h1>;
  }
}

Remove this

Capitalize clock

Remove the render method

Add quotes around the return value

Correct Answer : Capitalize clock

Q .

Which Hook could be used to update the document's title?

useEffect(function updateTitle() { document.title = name + ' ' + lastname; });

useEffect(() => { title = name + ' ' + lastname; });

useEffect(function updateTitle() { name + ' ' + lastname; });

useEffect(function updateTitle() { title = name + ' ' + lastname; });

Correct Answer :

useEffect(function updateTitle() { document.title = name + ' ' + lastname; });